<template>
  <div class="shezhi">
    <div class="shezhinav">
      <span class="shezhispan1" @click="fun()">&lt;</span>
      <span class="shezhispan2">设置</span>
    </div>


      <van-panel >
          <div >
            <img v-for="(v,i) in arr" :key="i" :src="v.img" alt="">
          </div>

           <div class="shezhi-con">
            <img v-for="(v) in arr1" :key="v.id" :src="v.img" alt="">
          </div>


           <div>
            <img v-for="(v) in arr2" :key="v.id" :src="v.img" alt="">
          </div>



  <template #footer>

  </template>
</van-panel>



  </div>
</template>

<script>
export default {
  methods:{
    fun(){
      this.$router.go(-1)
    }
  },
  data(){
    return{
      arr:[
        {img:"img/shezhi-tu1.png"},
        {img:"img/shezhi-tu2.png"},
        {img:"img/shezhi-tu3.png"},
        {img:"img/shezhi-tu4.png"},
        {img:"img/shezhi-tu5.png"},
        
      ],
      arr1:[
        {img:"img/shezhi-tu6.png"},
        {img:"img/shezhi-tu7.png"},
      ],
      arr2:[
        {img:"img/shezhi-tu8.png"},
        {img:"img/shezhi-tu9.png"},
        {img:"img/shezhi-tu10.png"},
        {img:"img/shezhi-tu11.png"},
      ]
    }
  }
}
</script>

<style>
.shezhi{
  box-sizing: border-box;
  padding: 0.1rem 0.12rem;
}
.shezhinav{
  width: 100%;
  height: 0.5rem;
  line-height: 0.5rem;
}
.shezhispan1{
  font-size: 0.18rem;
  margin-left: 0.05rem;
}
.shezhispan2{
  font-size: 0.2rem;
  margin-left: 40%;
  font-family: 方正粗黑宋简体;
  /* font-weight: bold; */
}

/* 插件 */
.van-cell{
  padding: 0;
}
.van-panel__footer{
  padding: 0;
}

.shezhi-con{
  border-top: 0.01rem solid rgb(233, 232, 232);
  border-bottom: 0.01rem solid rgb(233, 232, 232);
}
</style>